<script setup></script>

<template>
          <div style="display: flex; position:absolute; right: 0; margin-top: 10px; ">
          <div style="margin-right:10px ; display: flex; align-items: center; justify-content: center; width: 100px; height: 40px; border: 2px solid #000; border-radius: 20px;">
            <div style="margin-top: 0px;">預設</div>
            <svg style="margin-left: 5px; width: 15px; height: 15px; margin-top:0px ;" t="1706506863365" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4202" width="200" height="200"><path d="M966.4 323.2c-9.6-9.6-25.6-9.6-35.2 0l-416 416-425.6-416c-9.6-9.6-25.6-9.6-35.2 0-9.6 9.6-9.6 25.6 0 35.2l441.6 432c9.6 9.6 25.6 9.6 35.2 0l435.2-432C976 345.6 976 332.8 966.4 323.2z" p-id="4203"></path></svg>
          </div>
          <div style="margin-right:10px ; display: flex; align-items: center; justify-content: center; width: 100px; height: 40px; border: 1px solid #999; border-radius: 20px;">
            <div style="margin-top: 0px;">金額範圍</div>
          </div>
          <div style="margin-right:10px ; display: flex; align-items: center; justify-content: center; width: 100px; height: 40px; border: 2px solid #000; border-radius: 20px;">
            <div style="margin-top: 0px;">商品標籤</div>
            <svg style="margin-left: 5px; width: 15px; height: 15px; margin-top:0px ;" t="1706506863365" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4202" width="200" height="200"><path d="M966.4 323.2c-9.6-9.6-25.6-9.6-35.2 0l-416 416-425.6-416c-9.6-9.6-25.6-9.6-35.2 0-9.6 9.6-9.6 25.6 0 35.2l441.6 432c9.6 9.6 25.6 9.6 35.2 0l435.2-432C976 345.6 976 332.8 966.4 323.2z" p-id="4203"></path></svg>
          </div>
        </div>
</template>

<style scoped></style>